<style type="text/css" media="all">

	.newsList{
		padding:10px;
	}
	.newsListImg{
		display: inline-block;
	}
	.newsimg{
		display: inline-block;

	}
	.newsListImginfo{
		width:15px;
		height: 15px;
		padding-right: 5px;
		vertical-align: middle;
		/*background-color: red;*/
	}
	.newsListImginfo2{
		width:15px;
		height: 15px;
		padding-right: 1px;
		vertical-align: top;
		/*background-color: red;*/
	}
	.newsContent{
		display: inline-block;
		padding-left:5px;
		vertical-align: middle;
	}
	.newsList .newsListTit{
		padding-bottom: 10px;
		font-weight: 700;b
	}
	.newsList .newsListInfo>div{
		float: left;
		padding-right: 15px;
	}
	.newsListUer{
		color:blue;
	}

	.splitor{
		height:2px;
		width:100%;
		background-color: #719fbd;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	
	.newDetailBody{
		width: 100%;
		margin-bottom: 100px;
		word-break: break-all;	
	}
	.splitorRelativies{
		height:1px;
		width:100%;
		background-color: #ccc;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.newDetailWith{
		padding: 5px 0px 15px 0px
	}

	.newRelativiesUrl{
		color: #0882f0;
		margin-bottom: 10px;
		display: block;
	}




/*回复的样式*/
	.quote {
		position: relative;
		/*width: 280px;*/
		padding: 5px;
		background: rgba(197, 206, 207, 0.24);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid rgba(197, 206, 207, 0.44);
	}

	.referTitle {
		background-color: #FFFF8B;
	}
    div.ref {
	border: 1px solid #ddd;
	margin: 0 0 10px 0;
	padding: 2px;
	font-size: 9pt;
	background: #FFFEC8;
    }
	div.ref h4 {
		margin: 0;
		padding: 1px 3px;
		background: #CC9966;
		color: #fff;
		font-size: 10pt;
	}

	div.ref p {
	margin: 0;
	padding: 2px;
	line-height: 20px;
	color: #666;
	font-size: 9pt;
	}

	div.ref p img {
	display: none;
	width: 0;
	height: 0;
	}

</style>

<script id="newsDetailTemplate" type="text/x-underscore-template">

<div class="newsList">
	<div class="newsContent">
		<div class="newsListTit h4 detailTitle"><%=title%></div>
		<div class="newsListInfo h6">
			<div class="newsListUer" data-id=<%=id%> data-authorid=<%=authorid%> ><%=author%></div>
			<div class="newsListAddTime">发布于 <%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
			<div>
				<img src="../base/img/widget_comment_count_icon.ing" alt="" class="newsListImginfo2">
				<span class="newsListReply"><%=commentCount%></span>
			</div>
		</div>
	</div>
	<div class="splitor"></div>

	<div class="newDetailBody contentBody"><%=body%></div>


	</div>


</script>
<!-- 	<div class="newDetailRelativies">
		<div class="splitorRelativies"></div>
		<div class="newDetailWith h4">相关资讯</div>
		<div>


		<%
_.each(relativies,function(item){
%>
			<div href="#" data-url=<%=item.url%>  class="newRelativiesUrl">
				<span class="newRelativiesTitle h4"><%=item.title%></span>
			</div>
<%
});
		%></div> -->
<!-- header -->

<script id="blogCommentListTemplate" type="text/x-jquery-tmpl">
<div class="tweetList" data-commentAuthorId="<%=authorid%>" data-commentId="<%=id%>">
	<div class="tweetListImg" data-authorid=<%=authorid%> data-author=<%=author%> data-id=<%=id%>>
	<%if(portrait===""){var portrait="http://www.oschina.net/img/portrait.gif"}%>
		<img src=<%=portrait%> onerror="javascript:this.src='../base/img/widget_dface.ing';" />
	</div>
	<div class="tweetContent" data-commentAuthorId="<%=authorid%>" data-commentId="<%=id%>">
		<div>
			<span class="tweetListissuer"><%=author%></span>
		</div>
		
		
		<%
			if(typeof refers !== "undefined")  {
				if(refers){ 
		%>
					<div class="tweetListTit h5">
				   <div class="quote">
				<%
                   _.each(refers, function(replie) { 
				%>
                  <div class="quoteTitle"><%=replie.title%></div>
                  <div class="quoteBody"><%=replie.body%></div>			
		<% });%> 
             </div>  </div>	
        <%} }%>
        <div class="tweetListTit h5"><%=content%>
		
	</div>	
       
		<div class="tweetListInfo h6">
			<div><%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
		</div>
	</div>
</div>

</script>

<header class="bar-title">
	<div class="left-banner">
		<span class="homeBtn icon-home imgsize"></span>
	</div>
	<h1 class="title">博客正文</h1>
	<div class="right-banner">
		<span class="refreshBtn icon-repeat imgsize"></span>
	</div>

</header>
<script id="footerTemplate" type="text/x-underscore-template">
<footer class="footer-menu-detail" data-value=<%=url%> data-id=<%=id%>  data-active = <%=activeIndex%> data-checkdatail=<%=checkdatail%>></footer>
</script>
<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->
<div class="content">
<list id="blog_comment_list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="commentlist"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="blogCommentListTemplate"></list>
</div>

